<template>
	<div id="app">
		<div id="cover"></div>
		<Head></Head>
		<Todo></Todo>
		<Foot></Foot>
	</div>
</template>
<script>
import Head from './todo/header.vue'
import Todo from './todo/todo.vue'
import Foot from './todo/footer.jsx'
export default {
	components:{
		Head,
		Foot,
		Todo,
	}
}
</script>
<style scoped>
	#app{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom: 0;
	}
	#cove{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #999;
		opacity: .9;
		z-index: -1;
	}
</style>